<template>
  <el-tabs type="border-card">
    <el-tab-pane>
      <el-table
        border
        stripe
        :data="tableData"
        style="width: 100%"
        :highlight-current-row="true"
        :header-cell-style="{ background: '#ededed', color: '#333' }"
      >
        <el-table-column prop="assets" width="350" align="left" label="项目" />
        <el-table-column
          prop="equity"
          width="350"
          align="left"
          label="本期"
        />
        <el-table-column
          prop="numberRow"
          width="350"
          align="center"
          label="本年累计"
        />
      </el-table>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
  export default {
    name: 'state',
    data() {
      return {
        tableData: [
          {
            assets: '（一）盈利状况',
            equity: '',
            numberRow: '',
          },
          {
            assets: '营业收入',
            equity: '',
            numberRow: '',
          },
          {
            assets: '净利润',
            equity: '',
            numberRow: '',
          },
          {
            assets: ' 营业收入净利率',
            equity: '',
            numberRow: '',
          },
          {
            assets: '（二）三项费用',
            equity: '',
            numberRow: '',
          },
          {
            assets: '管理费用',
            equity: '',
            numberRow: '',
          },{
            assets: '销售费用',
            equity: '',
            numberRow: '',
          },
          {
            assets: ' 财务费用',
            equity: '',
            numberRow: '',
          },
          {
            assets: '费用比率',
            equity: '',
            numberRow: '',
          },{
            assets: '（三）应收应付',
            equity: ' ',
            numberRow: '  ',
          },
          {
            assets: '应收款',
            equity: '',
            numberRow: '',
          },
          {
            assets: '应付款',
            equity: '',
            numberRow: '',
          },
          {
            assets: '（四）资金状况',
            equity: '',
            numberRow: '',
          },
          {
            assets: ' 资金收入',
            equity: '',
            numberRow: '',
          },
          {
            assets: '资金支付',
            equity: '',
            numberRow: '',
          },
          {
            assets: '资金余额',
            equity: '',
            numberRow: '',
          },
          {
            assets: '（五）税金状况',
            equity: '',
            numberRow: '',
          },
          {
            assets: '已缴税费',
            equity: '',
            numberRow: '',
          },
          {
            assets: '综合税负率',
            equity: '',
            numberRow: '',
          },
        ],
      };
    },
  };
</script>

<style scoped lang="scss">
  .el-table::v-deep th {
    text-align: center !important;
  }
  .el-table::v-deep .el-table__row:first-child td.is-left,
  .el-table::v-deep .el-table__row:first-child td.is-left .cell {
    padding-left: 2px !important;
  }
  .el-table::v-deep .el-table__row td.is-left {
    padding-left: 10px !important;
  }
  .el-table::v-deep .el-table__row:last-child td.is-left {
    padding-left: 20px !important;
  }
</style>
